<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel=icon href="../img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/login.css">
</head>

<body>
    <section class="app">
        <header class="header">
            <div class="title">
                <select class="language">
                    <option value="">选择语言</option>
                    <option value="">中文(简体)</option>
                    <option value="">中文(繁體)</option>
                    <option value="">English</option>
                </select>
                <div class="need-help">
                    <span class="need-help-icon">
                        <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
                            <path
                                d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z">
                            </path>
                        </svg>
                    </span>
                    <span class="need-help-txt">需要帮助</span>
                </div>
            </div>
            <div class="banner">
                <div class="banner-logo"><img src="../img/logo.svg"></div>
                <div class="banner-title">欢迎登录小米有品</div>
            </div>
        </header>
        <main class="content">
            <form class="form">
                <h1>小米账号登录</h1>
                <p class="txt-iput">
                    <input type="text" name="username" placeholder="邮箱/手机号码/小米ID" maxlength="11" autocomplete="off">
                </p>
                <p class="txt-iput">
                    <input type="password" class="pwd" name="password" placeholder="请输入密码 6-16位" maxlength="16"
                        autocomplete="off">
                    <svg viewBox="-3 -10 63 56" width="1em" height="1em" class="eye">
                        <g fill="none" fill-rule="evenodd">
                            <path
                                d="M3 22.974C7.044 11.382 18.55 3 30.2 3c11.65 0 23.155 8.382 27.199 19.974C53.328 34.593 41.71 43 30.199 43 18.69 43 7.072 34.593 3 22.974h0z"
                                stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round">
                            </path>
                            <path
                                d="M30.2 33.4c5.743 0 10.4-4.656 10.4-10.4 0-5.743-4.657-10.4-10.4-10.4-5.744 0-10.4 4.657-10.4 10.4 0 5.744 4.656 10.4 10.4 10.4z"
                                fill="currentColor" fill-rule="nonzero"></path>
                        </g>
                    </svg>
                </p>
                <a class="forget" href="./helpcenter.html">忘记帐号？</a>
                <button class="login-btn disabled submit">登录</button>
                <div class="link">
                    <a href="">手机号登录</a>
                    <div>|</div>
                    <a href="./register.html">立即注册</a>
                    <div>|</div>
                    <a href="./helpcenter.html">忘记密码</a>
                </div>
                <div class="other">
                    <p>其他方式登录</p>
                    <div class="other-img">
                        <div class="other-img-icon">
                            <svg viewBox="0 0 46 46" width="1em" height="1em">
                                <path
                                    d="M10.35 25.898c-.543.439-1.125 1.076-1.294 1.886-.23 1.109-.048 2.496 1.021 3.583 1.296 1.32 3.263 1.68 4.112 1.744 2.31.165 4.77-.978 6.626-2.285a14.633 14.633 0 003.162-3.133c-2.667-1.376-5.996-2.898-9.555-2.75-1.818.076-3.12.454-4.072.956zm33.821 6.09A22.878 22.878 0 0046.001 23C46 10.319 35.683 0 23 0S0 10.319 0 23c0 12.684 10.315 23 23 23 7.654 0 14.441-3.761 18.624-9.53-4.82-2.4-9.646-4.785-14.48-7.156-1.916 2.184-4.746 4.372-7.943 5.324-2.01.598-3.822.825-5.715.438-1.875-.383-3.257-1.261-4.062-2.142-.41-.449-.88-1.02-1.222-1.699.032.086.055.137.055.137s-.196-.337-.346-.876a4.202 4.202 0 01-.16-1.401c-.02-.362.005-.726.077-1.081.187-.91.575-1.967 1.58-2.952 2.203-2.157 5.154-2.274 6.684-2.265 2.265.014 6.201 1.005 9.515 2.178.918-1.957 1.507-4.048 1.886-5.44H13.717v-1.49h7.075v-2.982h-8.567v-1.489h8.565v-2.979c0-.41.081-.745.745-.745h3.352v3.724H34.2v1.49h-9.312v2.98h7.45s-.748 4.17-3.088 8.28c5.192 1.854 12.494 4.71 14.92 5.664z"
                                    fill="#1989fa"></path>
                            </svg>
                        </div>
                        <div class="other-img-icon">
                            <svg viewBox="0 0 46 46" width="1em" height="1em">
                                <g fill="#50b674">
                                    <path
                                        d="M14.345 17.311a1.505 1.505 0 103.01 0 1.505 1.505 0 00-3.01 0zm6.74-.04a1.505 1.505 0 103.01 0 1.505 1.505 0 00-3.01 0zm3.756 6.732a1.045 1.045 0 102.09 0 1.045 1.045 0 00-2.09 0zm5.31.084a1.045 1.045 0 102.092 0 1.045 1.045 0 00-2.091 0z">
                                    </path>
                                    <path
                                        d="M23 0A23.001 23.001 0 006.736 39.263 23 23 0 0046 22.999 22.984 22.984 0 0023 0zm-3.93 28.311c-1.212 0-2.175-.25-3.387-.501l-3.387 1.673.961-2.885c-2.426-1.674-3.849-3.849-3.849-6.525 0-4.601 4.35-8.197 9.662-8.197 4.725 0 8.906 2.886 9.743 6.774a6.763 6.763 0 00-.921-.042c-4.601 0-8.197 3.429-8.197 7.652.01.676.11 1.348.293 1.998-.335 0-.628.042-.92.042zm14.135 3.387l.71 2.426-2.634-1.463c-.961.25-1.924.502-2.885.502-4.601 0-8.199-3.136-8.199-6.974 0-3.837 3.596-6.984 8.196-6.984 4.35 0 8.197 3.136 8.197 6.984 0 2.133-1.423 4.057-3.387 5.52z">
                                    </path>
                                </g>
                            </svg>
                        </div>
                        <div class="other-img-icon">
                            <svg viewBox="0 0 46 46" width="1em" height="1em">
                                <g fill="#ea5d5c">
                                    <path
                                        d="M20.156 21.662c-4.35.21-7.862 2.55-7.862 5.478s3.513 5.144 7.862 4.935c4.35-.21 7.862-2.97 7.862-5.897-.042-2.885-3.555-4.725-7.862-4.516zm2.927 7.402c-1.338 1.756-3.972 2.593-6.523 1.17-1.213-.668-1.171-1.965-1.171-1.965s-.502-4.14 3.847-4.642c4.391-.543 5.186 3.68 3.847 5.437z">
                                    </path>
                                    <path
                                        d="M20.156 26.262a.613.613 0 00-.167.836c.125.251.502.293.752.084.251-.21.377-.585.21-.836-.126-.251-.46-.293-.795-.084zm-2.05.585a1.53 1.53 0 00-1.38 1.506c0 .67.67 1.17 1.465 1.087.794-.083 1.463-.71 1.463-1.422s-.627-1.254-1.547-1.17z">
                                    </path>
                                    <path
                                        d="M23 0C10.287 0 0 10.287 0 23s10.287 23 23 23 23-10.287 23-23S35.713 0 23 0zm8.866 28.144c-1.799 3.847-7.695 5.73-12.044 5.394-4.14-.334-9.493-1.714-10.036-6.816 0 0-.293-2.3 1.923-5.269 0 0 3.178-4.475 6.858-5.77 3.722-1.255 4.14.877 4.14 2.174-.209 1.087-.543 1.714.837 1.296 0 0 3.638-1.715 5.143-.21 1.213 1.214.21 2.928.21 2.928s-.502.544.543.753c.962.167 4.224 1.673 2.425 5.52zm-3.597-10.622a.733.733 0 01-.71-.71c0-.42.334-.712.71-.712 0 0 4.475-.836 3.931 4.015v.083a.723.723 0 01-.71.628.705.705 0 01-.712-.711c0-.084.711-3.304-2.509-2.593zm7.57 4.642c-.126.836-.544.502-1.004.502-.586 0-1.046-.753-1.046-1.339 0-.501.21-1.003.21-1.003.041-.21.543-1.547-.335-3.513-1.59-2.718-4.768-2.718-5.144-2.593-.376.168-.962.251-.962.251-.585 0-1.045-.46-1.045-1.045 0-.502.334-.878.752-1.004 0 0 0 .042.042.042s.084.042.084.042c.46-.084 2.049-.21 3.554.167 2.802.67 6.566 3.764 4.893 9.493z">
                                    </path>
                                </g>
                            </svg>
                        </div>
                        <div class="other-img-icon">
                            <svg viewBox="0 0 46 46" width="1em" height="1em">
                                <g fill-rule="nonzero" fill="none">
                                    <path
                                        d="M23 0c12.702 0 23 10.298 23 23S35.702 46 23 46 0 35.702 0 23 10.298 0 23 0z"
                                        fill="#33353B"></path>
                                    <path
                                        d="M26.362 14.409c.788-1.052 1.385-2.54 1.17-4.059-1.289.093-2.795.946-3.673 2.057-.8 1.008-1.459 2.505-1.202 3.96 1.409.046 2.861-.828 3.705-1.958zm7.185 14.39c-.571 1.294-.846 1.871-1.58 3.017-1.025 1.599-2.472 3.59-4.265 3.604-1.591.019-2.002-1.06-4.162-1.047-2.16.012-2.61 1.068-4.205 1.053-1.791-.018-3.16-1.813-4.186-3.414-2.869-4.466-3.17-9.711-1.4-12.502 1.256-1.98 3.242-3.139 5.106-3.139 1.898 0 3.091 1.066 4.662 1.066 1.526 0 2.452-1.07 4.647-1.07 1.662 0 3.423.927 4.675 2.524-4.106 2.303-3.441 8.303.708 9.909v-.001z"
                                        fill="#fff"></path>
                                </g>
                            </svg>
                        </div>
                    </div>
                </div>
            </form>
        </main>
    </section>
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/jquery.validate.min.js"></script>
    <script src="../js/localization/messages_zh.js"></script>
    <script src="../js/model.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/login.js"></script>
</body>

</html>